<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>About us</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/isa.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" id="navbar"  role="navigation">
    <div class="container-fluid" id="nav">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav ">
                <li><a class="navbar-brand">Bank</a></li>
                <li><a class="active" href="/isa">关于我们</a></li>
                <li><a href="/talk">论坛</a></li>
                <li><a href="/blog">博客</a></li>
                <li><a href="/note">通知</a></li>
                <li><a>资源</a></li>
                <li><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >活动<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/activity">招新</a></li>
                        <li><a href="/activity">培训</a></li>
                        <li><a href="/activity">ctf专业队</a></li>
                        <li><a href="/activity">微信挑战赛</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/login">登录</a></li>
                <li> <a id="signup" class="btn btn-success" href="/signup" style="margin-top: 7px ;padding: 8px 15px">注册</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="part1">
    <div class="p1text">More About Us</div>
    <img src="../static/image/3.png" class="cloud1">
    <img src="../static/image/4.png" class="cloud2">
    <img src="../static/image/street.png" class="street">
</div>
<div class="part2">
  <div class="aboutus">
      <h1>简介</h1>
      <p class="p2text"></p>
      <img src="../static/image/cat.png" class="cat">
  </div>
</div>
<div class="part3">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner" role="listbox">
            <div class="item active" style="margin-top: 120px">
               <div class="p1">
                   <div>
                       <div class="pic">
                           <img src="../static/image/space.jpg">
                       </div>
                       <div class="word">
                           <h4 class="title">
                               Williamson
                               <small>Web Developer</small>
                           </h4>
                           <p>
                               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a pharetra lectus. Etiam sed metus vitae felis placerat congue.
                           </p>
                       </div>
                   </div>
               </div>
                <div class="p2">
                    <div>
                        <div class="pic">
                            <img src="../static/image/space.jpg">
                        </div>
                        <div class="word">
                            <h4 class="title">
                                Williamson
                                <small>Web Developer</small>
                            </h4>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a pharetra lectus. Etiam sed metus vitae felis placerat congue.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item " style="margin-top: 120px">
                <div class="p1">
                    <div>
                        <div class="pic">
                            <img src="../static/image/space.jpg">
                        </div>
                        <div class="word">
                            <h4 class="title">
                                Williamson
                                <small>Web Developer</small>
                            </h4>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a pharetra lectus. Etiam sed metus vitae felis placerat congue.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="p2">
                    <div>
                        <div class="pic">
                            <img src="../static/image/space.jpg">
                        </div>
                        <div class="word">
                            <h4 class="title">
                                Williamson
                                <small>Web Developer</small>
                            </h4>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a pharetra lectus. Etiam sed metus vitae felis placerat congue.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item " style="margin-top: 120px">
                <div class="p1">
                    <div>
                        <div class="pic">
                            <img src="../static/image/space.jpg">
                        </div>
                        <div class="word">
                            <h4 class="title">
                                Williamson
                                <small>Web Developer</small>
                            </h4>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a pharetra lectus. Etiam sed metus vitae felis placerat congue.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="p2">
                    <div>
                        <div class="pic">
                            <img src="../static/image/space.jpg">
                        </div>
                        <div class="word">
                            <h4 class="title">
                                Williamson
                                <small>Web Developer</small>
                            </h4>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a pharetra lectus. Etiam sed metus vitae felis placerat congue.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            ...
        </div>

        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="part4">
<h1 class="text-center">A Word Of Us</h1>
    <div class="tip1">
        <div class="test">
            <span class="bot"></span>
            <span class="top"></span>
            开始放缓的飞机啊书法家萨芬喝酒撒后发链接啊还是肌肤打好的发生纠纷心里很舒服从来都是你发信号放大看好像下啊舒服哈看媳妇
        </div>
    </div>
    <div class="tip2">
        <div class="test">
            <span class="bot"></span>
            <span class="top"></span>
            发神经了回复撒娇和flash发的链接阿斯蒂芬就
        </div>
    </div>
    <div class="tip3">
        <div class="test">
            <span class="bot"></span>
            <span class="top"></span>
            阿凡达健身房健身的发挥的
        </div>
    </div>
</div>
<div class="modal-footer">
    <p class="pull-left">Information security association</p>
    <p class="pull-right"><a href="#">return to top</a> </p>
</div>
<script src="../static/bootstrap/jquery/jquery.min.js"></script>
<script src="../static/bootstrap/jquery/l-by-l.min.js"></script>
<script src="../static/bootstrap/js/bootstrap.min.js"></script>
<script src="../static/js/isa.js"></script>
</body>
</html>